<template>
    <div class="minePage">
        <CardHead :dataInfo="userInfoData"></CardHead>
        <CardOrder></CardOrder>
        <div class="wrapContent">
            <CardMember></CardMember>
            <CardIntegral></CardIntegral>
        </div>
        <CardCoupon></CardCoupon>
    </div>
</template>

<script setup lang="ts">
import {ref} from 'vue'
import { getUserInfo } from '@/service/login'
import CardHead from './compoents/card-head/index.vue'
import CardOrder from './compoents/card-order/index.vue'
import CardMember from './compoents/card-member/index.vue'
import CardIntegral from './compoents/card-integral/index.vue'
import CardCoupon from './compoents/card-coupon/index.vue'
const userInfoData = ref<any>({})
const getUserInfoData = async () => {
    const result = await getUserInfo()
    if (result.code === '200') {
        userInfoData.value = result.data
    }
}
const __init = (): void => {
    getUserInfoData()
}
__init()
</script>

<style lang="scss" scoped>
.minePage {
    min-height: 100vh;
    width: 100%;
    background: rgb(243, 243, 243);
    .wrapContent {
        display: flex;
        margin-top: 15px;
    }
}
</style>
